.login-container {
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin: 180px auto;
    width: 350px;
    padding: 35px 35px 15px 35px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 25px #cac6c6;
    .title {
        margin: 0px auto 40px auto;
        text-align: center;
        color: #505458;
    }
    .remember {
        margin: 0px 0px 35px 0px;
    }
}

.card-box {
    padding: 20px;
    /*box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #F9FAFC;
    margin: 120px auto;
    width: 400px;
    border: 2px solid #8492A6;
}

.title {
    margin: 20px 80px 0px auto;
    /*text-align: center;*/
    color: #505458;
    display: inline-block;
}

.title-text {
    text-align: right;
    display: inline-block;
    color: #505458;
}

.loginform {
    width: 350px;
    padding: 35px 35px 15px 35px;
}

.login-a {
    cursor: pointer;
    color: #20a0ff;
    font-size: 14px;
}

.bounce-enter-active {
    animation: bounce-in .5s;
}

.bounce-leave-active {
    animation: bounce-out .2s;
}

@keyframes bounce-in {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes bounce-out {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0);
    }
}


/*body {*/


/*!*background-color: #324057;*!*/


/*margin: 0px;*/


/*padding: 0px;*/


/*!*background: url(assets/bg1.jpg) center !important;*/


/*background-size: cover;*!*/


/*background: #1F2D3D;*/


/*font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;*/


/*font-weight: 400;*/


/*-webkit-font-smoothing: antialiased;*/


/*}*/


/*#app {*/


/*position: absolute;*/


/*top: 0px;*/


/*bottom: 0px;*/


/*width: 100%;*/


/*}*/


/*.el-submenu [class^=fa] {*/


/*vertical-align: baseline;*/


/*margin-right: 10px;*/


/*}*/


/*.el-menu-item [class^=fa] {*/


/*vertical-align: baseline;*/


/*margin-right: 10px;*/


/*}*/
